<template>
  <div class="privacy-page">

    <div class="content" >
      <div class="header">
        <h1 class="title">隐私政策</h1>
        <div class="update-time">更新时间：2025年8月1日</div>
      </div>

      <div class="privacy-content">
        <section class="section">
          <h2 style="text-align: center;margin-bottom: 20rpx;">外卖小程序隐私政策</h2>
          <p style="text-indent: 2em;">本外卖小程序（以下简称“本程序”）重视您的隐私保护，为您说明个人信息的收集、使用、保护等相关事宜。使用本程序即表示您同意本政策。</p>
        </section>

        <section class="section">
          <h2>一、信息收集</h2>
          <p style="text-indent: 2em;">您在注册、下单时，我们会收集您的姓名、联系方式、收货地址等必要信息，以便完成订单配送。</p>
          <p style="text-indent: 2em;">为提供更好的服务，我们可能收集您的订单记录、浏览历史等信息，但仅用于优化服务。</p>
        </section>

        <section class="section">
          <h2>二、信息使用</h2>
          <p style="text-indent: 2em;">收集的信息仅用于为您提供外卖订购、配送服务，以及处理订单相关问题。</p>
          <p style="text-indent: 2em;">不会将您的个人信息出售、出租给第三方，但为完成服务（如配送），可能向合作的配送方等必要第三方提供相关信息，且要求其保密。</p>
        </section>

        <section class="section">
          <h2>三、信息保护</h2>
          <p style="text-indent: 2em;">我们采取技术措施和安全手段保护您的信息，防止信息泄露、丢失或篡改。</p>
          <p style="text-indent: 2em;">您可随时查阅、修改自己的个人信息，如发现信息异常，可联系我们处理。</p>
        </section>

        <section class="section">
          <h2>四、其他</h2>
          <p style="text-indent: 2em;">本政策可能根据需要更新，更新后会通过程序公告告知您。</p>
          <p style="text-indent: 2em;">如您对隐私保护有疑问，可通过程序内联系方式与我们沟通。</p>
        </section>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import Return from '@/components/Return.vue'

const capsuleTop = ref(0)

const calcCapsuleTop = () => {
  // #ifdef MP-WEIXIN
  const menuButtonInfo = wx.getMenuButtonBoundingClientRect()
  capsuleTop.value = menuButtonInfo.bottom + 20
  // #endif
}

onMounted(() => {
  calcCapsuleTop()
})
</script>

<style lang="scss" scoped>
.privacy-page {
  min-height: 100vh;
  background-color: #f8f9fa;
}

.content {
  padding: 0 40rpx 40rpx;
}

.header {
  text-align: center;
  padding: 40rpx 0;
  background: white;
  margin-bottom: 20rpx;
  border-radius: 16rpx;

  .title {
    font-size: 48rpx;
    font-weight: bold;
    color: #191919;
    margin-bottom: 16rpx;
  }

  .update-time {
    font-size: 24rpx;
    color: #999;
  }
}

.privacy-content {
  background: white;
  border-radius: 16rpx;
  padding: 40rpx;

  .section {
    margin-bottom: 40rpx;
    text-align: justify;
    &:last-child {
      margin-bottom: 0;
    }

    h2 {
      font-size: 32rpx;
      font-weight: bold;
      color: #191919;
      margin-bottom: 20rpx;
    }

    p {
      font-size: 28rpx;
      color: #666;
      line-height: 1.6;
      margin-bottom: 16rpx;

      &:last-child {
        margin-bottom: 0;
      }
    }

    ul {
      padding-left: 32rpx;

      li {
        font-size: 28rpx;
        color: #666;
        line-height: 1.6;
        margin-bottom: 12rpx;
        list-style: disc;

        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }
}
</style>
